<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        数据驱动视图
        <div v-for=' item,index in   list '>
            <h1>{{item}} ---- {{ index }}</h1>
        </div>

        <hr>
        <!--   分割线 -->
        <div v-for="  value,index   in  obj">
            {{ value }} --- {{index}}
        </div>

    </div>
</body>
<script src="../../static/vue.js"></script>
<!--  Vue -->
<script>


    new Vue({
        el: "#app", // 完全控制 <div id="app"></div>
        data: {
            list: ["小分子", "明德软件", "龙华排水"],
            obj: {
                name: "李华",
                age: 19,
                height: "200"
            }
        }
    })





</script>

</html>